<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>(七年级)考试成绩报告</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/reveal.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/plugin/highlight/monokai.min.css">
    <link href="http://mirror.fe80.cn/others/github-markdown-0.css" rel="stylesheet">
    <style type="text/css">
    .min-size{font-size: 13px;}
    .min-title th:not(:first-child){font-size: 11px;}
    th,td{text-align: center!important;}
    </style>
</head>
<body>
    <div class="reveal">
        <div class="slides markdown-body">
            <!-- 第一张幻灯片 -->
            <section>
                <h2 style="text-align: center;">仅供参考，请勿外传</h2>
                <h1 style="line-height: 300px;text-align: center;background: linear-gradient(45deg, #4cc9f0, #7209b7);
                -webkit-background-clip: text; font-size: 40px;
                -webkit-text-fill-color: transparent;border-bottom: none;">2024年秋季学期期末七年级考试成绩报告</h1>
                <p style="text-align: right;margin-right: 100px;font-size: 20px;">学校教务处</p>
            </section>

            <!-- 垂直幻灯片 -->
            <section>
                <!-- 水平幻灯片1 -->
                <section>
                    <h2 class="page-break">（1）考试人数情况</h2>

                    <h4>参加考试人数情况</h4>
                    <div class="row justify-content-center" id="examAttendance">
                        <!-- 考试人数情况将填充在这里 -->
                    </div>
                </section>
                
                <!-- 水平幻灯片2 -->
                <section>
                    <h4 class="page-break">考试缺考人数情况</h4>
                    <div class="row justify-content-center" id="examNotAttendance">
                        <!-- 考试人数缺考情况 -->
                    </div>
                </section>
            </section>

            <!-- 最后一张幻灯片 -->
            <section>
                <h2 class="page-break">（2）各班各科应考平均分</h2>
                <div class="row justify-content-center" id="avgScoreComparison">
                    <!-- 应考的各班各科平均分 -->
                </div>
            </section>

            <section>
                <h2 class="page-break">（3）各班各科实考平均分</h2>
                <div class="row justify-content-center" id="actualAvgScore">
                    <!-- 实考的各班各科平均分 -->
                </div>
            </section>

            <section>
                <h2 class="page-break">（4）应考与实考总分平均分和各科平均分差值</h2>
                <div class="row justify-content-center" id="scoreDifference">
                    <!-- 应考与实考总分平均分和各科平均分差值 -->
                </div>
            </section>

            <section>
                <h2 class="page-break">（5）各班各科及格人数和及格率</h2>
                <div class="row justify-content-center" id="score60PerSubject">
                    <!-- 各学科前3名 -->
                    <p style="line-height: 180px;text-align: center;color: red;">正在统计中...</p>
                </div>
            </section>

            <section>
                <h2 class="page-break">（6）各班各科高分人数和高分率</h2>
                <div class="row justify-content-center" id="score90PerSubject">
                    <!-- 各学科前3名 -->
                    <p style="line-height: 180px;text-align: center;color: red;">正在统计中...</p>
                </div>
            </section>

            <section>
                <section>
                    <h2 class="page-break">（7）各班各科最高分</h2>
                    <div class="row justify-content-center min-size" id="maxScorePerClass">
                        <!-- 单科各班最高分将填充在这里 -->
                    </div>
                </section>
                <section>
                    <h4 class="page-break">各班各科第10名的分数</h4>
                    <div class="row justify-content-center min-size" id="Rank10ScorePerClass">
                        <!-- 单科各班第10名的分数填充在这里 -->
                    </div>
                </section>
            </section>

            <section>
                <section>
                    <h2 class="page-break">（8）各班分数段比较</h2>
                    <h4>各班特殊分数段比较</h4>
                    <div class="row justify-content-center" id="scoreRangeComparison">
                        <!-- 各班特殊分数段比较将填充在这里 -->
                    </div>
                </section>
                 <section>
                    <h4 class="page-break">各班详细分数段比较</h4>
                    <div class="row justify-content-center min-title" id="scoreRange50Comparison">
                        <!-- 各班分数段比较（以50分为一个段） -->
                    </div>
                </section>
            </section>

            <section>
                <h2 class="page-break">（9）各科前100名人数表</h2>
                <div class="row justify-content-center" id="top100PerSubject">
                    <!-- 年级各科前100名人数表将填充在这里 -->
                </div>
            </section>

            <section>
                <h2 class="page-break">（10）各班总分前3名</h2>
                <div class="row justify-content-center" id="top3PerClass">
                    <!-- 年级各班总分前3名将填充在这里 -->
                </div>
            </section>

            <section>
                <h2 class="page-break">（11）总分前20名</h2>
                <div class="row justify-content-center" id="top20AllClass">
                    <!-- 年级总分前20名 -->
                </div>
            </section>

            <section>
                <h2 class="page-break">（12）各学科前3名</h2>
                <div class="row justify-content-center" id="top3PerSubject">
                    <!-- 各学科前3名 -->
                </div>
            </section>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/reveal.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/plugin/highlight/highlight.min.js"></script>
    <script>
        Reveal.initialize({
            controls: true,
            progress: true,
            center: true,
            hash: true,
            plugins: [ RevealHighlight ],
            transition: 'concave'
        });
    </script>
    <script src="https://mirror.fe80.cn/jquery/3.6.1/jquery.min.js"></script>
    <script src="data-2024-7.js"></script>
    <script src="calculator.js"></script>
</body>
</html>